<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>{{title}}</title>
        <link href="http://fonts.googleapis.com/css?family=Roboto:regular,medium,thin,italic,mediumitalic,bold" rel="stylesheet">
        <link href="../static/bootstrap.min.css" rel="stylesheet">
        <link href="../static/bootstrap-responsive.min.css" rel="stylesheet">
        <link href="../static/spoon.css" rel="stylesheet">
        <script src="../static/jquery.min.js"></script>
        <script src="../static/bootstrap.min.js"></script>
        <meta name="description" content="{{subtitle}}">
    </head>
    <body>
        <div class="container">
            <div class="hero-unit">
                <h1>{{title}}</h1>
                <p>{{subtitle1}}</p>
                {{#subtitle2}}<p>{{subtitle2}}</p>{{/subtitle2}}
            </div>
            {{#hasExceptions}}
            <div class="row">
                <div class="span12">
                    {{#exceptions}}
                    <div class="alert alert-error stacktrace">
                        <h4 data-toggle="collapse" data-target="#stacktrace-{{id}}">{{{title}}}</h4>
                        <div class="alert-error stacktrace-body collapse" id="stacktrace-{{id}}">
                            {{#body}}
                            <div class="stacktrace-line">{{{toString}}}</div>
                            {{/body}}
                        </div>
                    </div>
                    {{/exceptions}}
                </div>
            </div>
            {{/hasExceptions}}
            {{#testResults}}
            <div class="row" id="{{testId}}">
                <div class="span12">
                    <h2 class="test-result {{status}}">
                        {{prettyMethodName}} <small>{{classSimpleName}}</small>
                        <!-- Icons modified from Glyphish Free. http://glyphish.com -->
                        <a href="../logs/{{serial}}/{{className}}/{{methodName}}.html" title="View device log" class="pull-right icon">
                            <img src="../static/icon-log.png" alt="View device log">
                        </a>
                        <a href="../test/{{className}}/{{methodName}}.html" title="View on all devices" class="pull-right icon">
                            <img src="../static/icon-devices.png" alt="View on all devices">
                        </a>
                        {{#animatedGif}}
                        <a href="../{{toString}}" title="View as animated GIF" class="pull-right icon">
                            <img src="../static/icon-animated.png" alt="View as animated GIF">
                        </a>
                        {{/animatedGif}}
                    </h2>
                    {{#exception}}
                    <div class="alert alert-error stacktrace {{status}}">
                        <h4 data-toggle="collapse" data-target="#stacktrace-{{id}}">{{{title}}}</h4>
                        <div class="stacktrace-body collapse" id="stacktrace-{{id}}">
                            {{#body}}
                            <div class="stacktrace-line">{{{toString}}}</div>
                            {{/body}}
                        </div>
                    </div>
                    {{/exception}}
                    {{#hasScreenshots}}
                    <ul class="thumbnails">
                        {{#screenshots}}
                        <li class="span2">
                            <a href="../{{path}}" class="thumbnail">
                                <img src="../{{path}}" title="{{caption}}">
                            </a>
                        </li>
                        {{/screenshots}}
                    </ul>
                    {{/hasScreenshots}}
                </div>
            </div>
            {{/testResults}}
        </div>
        <script type="text/javascript">
            $('.icon, .thumbnail img').tooltip({
                container: 'body'
            });
        </script>
    </body>
</html>
